<template>
  <ITabs :tabData="tabData" @changTab="changTab">
    <template #default="{row}">{{ row }}</template>
  </ITabs>
</template>
<script setup lang="ts">
  import { ITabs } from 'wb-platform-library'
  import { ref } from 'vue'
  import { TabsInterface } from 'wb-platform-library/lib/dist/packages/components/ITabs/src/ITabs'
  const tabData = ref<TabsInterface>({
    dataList: [
      {
        label: '线上渠道',
        value: 'ChannelOrder',
        isShow: true,
        badgeCount: 555,
      },
      {
        label: '咨询工具',
        value: 'Conversation',
        isShow: true,
        badgeCount: 555,
      },
    ],
    badgeOptions: {
      isDot: true,
    },
    options: {
      type: 'border-card',
    },
  })
  const changTab = (val) => {
    console.log(val, '11111111111111111111')
  }
</script>
